<div class="bigbao">
  <!--  <img class="u-back" src="http://otooldst4.bkt.clouddn.com/banner1.png" alt=""> -->
  <div class="bao">
    <div class="g-logon" class="ms-controller" ms-controller="mc_login">
      <div class="u-title">让每个人拥有组织力</div>
      <!-- 账号登录 -->
      <form :validate="@validate" class="m-logonbox" ms-visible="!isCode">
        <div class="illustrate">蜂报账号密码登录</div>
        <input class="username" type="text" placeholder="账号" ms-duplex="@username" :rules="{required: true}" data-message="请填写账号！">
        <input class="password" type="password" placeholder="密码" ms-duplex="@password" maxlength="18" :rules="{required: true}" data-message="请填写密码！">
        <a class="forget" href="<%= constructInsideUrl('member/password_retrieval') %>">忘记密码</a>
        <button class="u-denglu" type="submit">登录</button>
        <div class="m-zhucebox">
          <div class="qiehuan" ms-click="@isCode = !@toisCodeggle">扫一扫登录</div>
          <a href="<%= constructInsideUrl('member/register') %>" class="u-zhuce">立即注册</a>
        </div>
      </form>
      <img id="u-back1" src="http://otooldst4.bkt.clouddn.com/bannertu.png" alt="">
      <div class="m-logonbox" ms-visible="@isCode">
        <div class="illustrate">蜂报扫码登录</div>
        <div class="erweima">
          <img src="http://otooldst4.bkt.clouddn.com/erweima.png" alt="">
        </div>
        <div class="m-zhucebox">
          <div class="qiehuan" ms-click="@isCode = !@isCode">账号密码登录</div>
          <a href="<%= constructInsideUrl('member/register') %>" class="u-zhuce1">注册</a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="m-middle ">
    <div class="f-container bao bao2">
      <div class="m-block">
        <img class="img-wenzhang" src="<%= require('./images/wenzhangguanli.png')%>" alt="">
        <div class="tit-wenzhang">文章管理</div>
        <div class="txt-wenzhang">文章按时间排序，所有精彩尽收眼底，轻松发布文章，随时保存预览，审核通过，发送通知，立即上架。</div>
      </div>
      <div class="m-block m-block1">
        <img class="img-wenzhang" src="<%= require('./images/dianzanpinglun.png')%>" alt="">
        <div class="tit-wenzhang">点赞评论</div>
        <div class="txt-wenzhang">文章按时间排序，所有精彩尽收眼底，轻松发布文章，随时保存预览，审核通过，发送通知，立即上架。</div>
      </div>
      <div class="m-block m-block2">
        <img class="img-wenzhang" src="<%= require('./images/quanxianguanli.png')%>" alt="">
        <div class="tit-wenzhang">权限管理</div>
        <div class="txt-wenzhang">文章按时间排序，所有精彩尽收眼底，轻松发布文章，随时保存预览，审核通过，发送通知，立即上架。</div>
      </div>
      <div class="m-block m-block3">
        <img class="img-wenzhang" src="<%= require('./images/xinxitongzhi.png')%>" alt="">
        <div class="tit-wenzhang">消息通知</div>
        <div class="txt-wenzhang">文章按时间排序，所有精彩尽收眼底，轻松发布文章，随时保存预览，审核通过，发送通知，立即上架。</div>
      </div>
    </div>
</div>
<div class="m-ft ">
  <div class="f-container bao bao2">
    <div class="ft-block">
      <div class="ft-title">企业微信服务</div>
      <a class="ft-lianjie" href="#">API</a>
      <a class="ft-lianjie" href="#">SDK</a>
      <a class="ft-lianjie" href="#">RTX插件</a>
      <a class="ft-lianjie" href="#">私有化</a>
    </div>
    <div class="ft-block ft-block1">
      <div class="ft-title">第三方服务商</div>
      <a class="ft-lianjie" href="#">应用</a>
      <a class="ft-lianjie" href="#">官网</a>
      <a class="ft-lianjie" href="#">奖励计划</a>
    </div>
    <div class="ft-block ft-block2">
      <div class="ft-title">更多</div>
      <a class="ft-lianjie" href="#">典型案例</a>
      <a class="ft-lianjie" href="#">帮助中心</a>
      <a class="ft-lianjie" href="#">安全中心</a>
    </div>
    <div class="ft-block ft-block3">
      <div class="ft-title">联系我们</div>
      <a class="ft-img" href="#"><img src="<%= require('./images/weixin.png')%>" alt=""></a>
      <a class="ft-img" href="#"><img src="<%= require('./images/youjian.png')%>" alt=""></a>
    </div>
  </div>
  <div class="footnote">
    <a href="#">关于瑞傲 </a>
    <span>| </span>
    <a href="#">用户协议</a>
  </div>
</div>
